@charset "utf-8";

html,body {
	min-width: 1200px;
}

/* SY-setContent */
.SY-setContent {
	height: 100%;
	padding-left: 80px;
}
.SY-setContent .headBox {
	height:240px;
	color:#fff;
	background-image: url("../img/personalCenter/invitation.jpg"); 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
}
.SY-setContent .headBox .pic {
	width: 80px;
	height: 80px;
	padding-top: 50px;
	margin:0 auto 20px;
}
.SY-setContent .headBox p {
	font-size: 15px;
	color: #fff;
	line-height: 24px;
}
.SY-setContent .mainBox {
	width: 1020px;
	margin:35px auto 300px;
}
.SY-setContent .mainBox > div {
	background: #fff;
}
.SY-setContent .mainBox .S-left {
	width: 540px;
}
.SY-setContent .mainBox .S-right {
	width: 460px;
}
.SY-setContent .S-left .content {
	padding:24px 30px 45px;
}
.SY-setContent .S-left .content .title {
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
}
.SY-setContent .S-left .content .poster {
	width: 470px;
	height:500px;
	margin:0 auto;
	background: #e45c5c; 
}



.SY-setContent .S-left .shareWays {
	margin: 25px auto;
	padding-left: 20px;
}
.SY-setContent .S-left .shareWays a {
	width: 50px;
	height: 50px;
	margin:0 30px 0 0;
	text-indent: 0em;
	overflow:inherit;
	cursor: pointer;
	background-image: url("../img/icons/shareWays.png");
	background-repeat: no-repeat;
}
.SY-setContent .S-left .shareWays a.bds_tsina {
	background-position: 0 -52px;
}
.SY-setContent .S-left .shareWays a.bds_weixin {
	background-position: -51px -52px;
}
.SY-setContent .S-left .shareWays a.bds_sqq {
	background-position: -153px -52px;
}
.SY-setContent .S-left .shareWays a.bds_qzone {
	background-position: -204px -52px;
}
.SY-setContent .S-left .content .linkBox {
	padding-left:10px;
}
.SY-setContent .S-left .content .linkBox .link {
	height: 35px;
	width: 335px;
	padding-left:10px;
	line-height: 35px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	outline: none;
	white-space: nowrap;
	background: #f2f4f6;
}
.SY-setContent .S-left .content .linkBox .copy {
	width: 90px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	color: #fff;
	background: #333;
}
.SY-setContent .S-left .content .linkBox .copy:hover {
	background: #666;
}
.SY-setContent .S-right .content {
	padding:28px 30px;
}
.SY-setContent .S-right .content .titleBox > .title {
	font-size: 20px;
	color: #333;
}
.SY-setContent .S-right .content .points {
	font-size: 16px;
	color: #e45c5c;
}
.SY-setContent .S-right .content > .text {
	font-size: 16px;
	color: #333;
	margin:20px 0 25px;
}
.SY-setContent .S-right .illustrate {
	padding:25px 30px 50px;
	background: #f8fafc;
}
.SY-setContent .S-right .illustrate .title {
	font-size: 15px;
	color: #333;
	margin-bottom:12px;
}
.SY-setContent .S-right .illustrate .text {
	font-size: 14px;
	color: #666;
	line-height: 20px;
	margin-bottom:30px;
}
.SY-setContent .S-right .illustrate .text.last {
	margin-bottom: 20px;
}
.SY-setContent .S-right .illustrate table {
	width: 340px;
	text-align: center;
	border: 2px solid #ccc;
}
.SY-setContent .S-right .illustrate tr {
	height: 38px;
	line-height: 38px;
}
.SY-setContent .S-right .illustrate th {
	font-size:14px;
	color: #333; 
}
.SY-setContent .S-right .illustrate th:first-child,
.SY-setContent .S-right .illustrate tr td:first-child {
	border-right: 1px solid #ccc;
}
.SY-setContent .S-right .illustrate td,
.SY-setContent .S-right .illustrate th {
	border-bottom:1px solid #ccc;
}
.SY-setContent .S-right .illustrate tr:nth-child(5) td {
	border-bottom: 0;
}
.SY-setContent .S-right .illustrate td {
	font-size: 14px;
	color: #666;
}
